﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>@ViewBag.Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=0.85">
    <link rel="stylesheet" href="/Content/assets/css/jquery.mobile-1.3.2.min.css" />
    <link rel="stylesheet" href="/Content/assets/css/style.css" />
    <link rel="stylesheet" href="/Content/assets/css/owl.carousel.css">
    <link rel="stylesheet" href="/Content/assets/css/owl.theme.css">
    <link rel="stylesheet" href="/Content/assets/css/photoswipe.css">
    <script type="text/javascript" src="/Content/assets/js/klass.min.js"></script>
    <script type="text/javascript" src="/Content/assets/js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="/Content/assets/js/jquery.mobile-1.3.2.min.js"></script>
    <script type="text/javascript" src="/Content/assets/js/jstorage.js"></script>
    <script type="text/javascript" src="/Content/assets/js/owl.carousel.min.js"></script>
    <script type="text/javascript" src="/Content/assets/js/code.photoswipe.jquery-3.0.5.min.js"></script>
    <script type="text/javascript" src="/Content/assets/js/jquery.validate.min.js"></script>
     <link rel="shortcut icon" href="@Request.Url.GetLeftPart(UriPartial.Authority)/content/assets/img/icon-web.png" />
    <script type="text/javascript">
        jQuery(document).ready(function () {
            // New Items Counter START
            var headerCount = 0;
            jQuery('.countable').each(function () {
                var itemId = jQuery(this).attr('id');
                var itemsCount = jQuery(this).find('a').attr('data-count');
                var itemsCount = parseInt(itemsCount, 10);
                var storageValue = jQuery.jStorage.get(itemId); // Check if "storageValue" exists in the storage
                if (!storageValue) { // if not - assign current number of items
                    storageValue = itemsCount;
                    jQuery.jStorage.set(itemId, storageValue, { TTL: 86400000 }); // and save it
                }
                var diff = itemsCount - storageValue;
                if (diff > 0) {
                    jQuery(this).find('.ui-li-count').html(diff).removeClass('hidden');
                } else if (diff < 0) {
                    jQuery.jStorage.set(itemId, itemsCount, { TTL: 86400000 }); // reset value if items have been removed
                }
                headerCount = headerCount + diff;
            });
            if (headerCount > 0) {
                jQuery('.counter-header').html(headerCount).removeClass('hidden');
            }
            jQuery('.countable').on('click', function () {
                var strKey = jQuery(this).attr('id');
                var strValue = jQuery(this).find('a').attr('data-count');
                jQuery.jStorage.set(strKey, strValue, { TTL: 86400000 }); // null the counter
            });
            // New Items Counter END
        });
    </script>
        <script type="text/javascript" src="/Content/assets/js/javascriptmobile.js"></script>
</head>
<body>
    <div id="AppUrl" style="display: none;">@Request.Url.GetLeftPart(UriPartial.Authority)</div>
    <div id="CurrentLangCode" style="display: none;">@Request.Cookies["_culture"]["lang"]</div>
    <div data-role="page" id="home">
        <div data-role="panel" data-position="left" data-theme="b" data-display="push" id="left_panel">
            <ul data-role="listview" data-inset="false" data-theme="b">
                <li data-icon="false">
                  <a data-ajax="false" href="/" >  <img src="/Content/assets/img/logo.png" alt="VnBankNet"></a></li>
                <li><a data-ajax="false" data-transition="slide" href="/">
                    <img src="/Content/assets/img/menu-icons/home.png" alt="Trang chủ" class="ui-li-icon">Trang chủ</a></li>
                <!--
                <li data-role="collapsible" data-inset="false" data-theme="b" data-content-theme="c" data-iconpos="right">
                    <h4>Thẻ thanh toán</h4>
                    <ul data-role="listview" data-inset="false" data-theme="c">
                        <li><a data-ajax="false" data-transition="slide" href="/credit-card">
                            <img src="/Content/assets/img/menu-icons/icon-credit-card-mobile.png" alt="Thẻ tín dụng" class="ui-li-icon">Thẻ tín dụng</a></li>
                        <li><a data-ajax="false" data-transition="slide" href="settings-output.html">
                            <img src="/Content/assets/img/menu-icons/icon-fuel-card-mobile.png" alt="Thẻ xăng dầu" class="ui-li-icon">Thẻ xăng dầu</a></li>
                        <li><a data-ajax="false" data-transition="slide" href="admin/index.html">
                            <img src="/Content/assets/img/menu-icons/icon-restaurant-card-mobile.png" alt="Thẻ nhà hàng" class="ui-li-icon">Thẻ nhà hàng</a></li>
                        <li><a data-ajax="false" data-transition="slide" href="settings-output.html">
                            <img src="/Content/assets/img/menu-icons/icon-travel-card-mobile.png" alt="Thẻ du lịch" class="ui-li-icon">Thẻ du lịch</a></li>
                        <li><a data-ajax="false" data-transition="slide" href="admin/index.html">
                            <img src="/Content/assets/img/menu-icons/icon-shopping-card-mobile.png" alt="Thẻ mua sắm" class="ui-li-icon">Thẻ mua sắm</a></li>
                        <li><a data-ajax="false" data-transition="slide" href="settings-output.html">
                            <img src="/Content/assets/img/menu-icons/icon-atm-card-mobile.png" alt="Thẻ ATM" class="ui-li-icon">Thẻ ATM</a></li>
                    </ul>
                </li>
                <li data-role="collapsible" data-inset="false" data-theme="b" data-content-theme="c" data-iconpos="right">
                    <h4>Tiết kiệm</h4>
                    <ul data-role="listview" data-inset="false" data-theme="c">
                        <li><a data-ajax="false" data-transition="slide" href="/term-saving">
                            <img src="/Content/assets/img/menu-icons/icon-term-saving-mobile.png" alt="Tiết kiệm có kỳ hạn" class="ui-li-icon">Tiết kiệm có kỳ hạn</a></li>
                        <li><a data-ajax="false" data-transition="slide" href="/accumulated-saving.html">
                            <img src="/Content/assets/img/menu-icons/icon-accumulated-saving-mobile.png" alt="Tiết kiệm tích lũy" class="ui-li-icon">Tiết kiệm tích lũy</a></li>
                        <li><a data-ajax="false" data-transition="slide" href="admin/index.html">
                            <img src="/Content/assets/img/menu-icons/icon-non-term-saving-mobile.png" alt="Tiết kiệm không kỳ hạn" class="ui-li-icon">Tiết kiệm không kỳ hạn</a></li>
                        <li><a data-ajax="false" data-transition="slide" href="/foreign-currency-saving.html">
                            <img src="/Content/assets/img/menu-icons/icon-currency-saving-mobile.png" alt="Tiết kiệm ngoại tệ" class="ui-li-icon">Tiết kiệm ngoại tệ</a></li>

                    </ul>
                </li>
                <li data-role="collapsible" data-inset="false" data-theme="b" data-content-theme="c" data-iconpos="right">
                    <h4>Vay mua nhà</h4>
                    <ul data-role="listview" data-inset="false" data-theme="c">
                        <li><a data-ajax="false" data-transition="slide" href="/house-contruction-renovation-loan.html">
                            <img src="/Content/assets/img/menu-icons/icon-house-contruction-renovation-loan-mobile.png" alt="ay xây - sửa nhà" class="ui-li-icon">Vay xây - sửa nhà</a></li>
                        <li><a data-ajax="false" data-transition="slide" href="settings-output.html">
                            <img src="/Content/assets/img/menu-icons/icon-house-loan-mobile.png" alt="Vay mua nhà thế chấp" class="ui-li-icon">Vay mua nhà thế chấp</a></li>
                    </ul>
                </li>
                <li data-role="collapsible" data-inset="false" data-theme="b" data-content-theme="c" data-iconpos="right">
                    <h4>Vay mua xe</h4>
                    <ul data-role="listview" data-inset="false" data-theme="c">
                        <li><a data-ajax="false" data-transition="slide" href="admin/index.html">
                            <img src="/Content/assets/img/menu-icons/icon-car-loan-mobile.png" alt="Vay mua Ô tô" class="ui-li-icon">Vay mua Ô tô</a></li>
                        <li><a data-ajax="false" data-transition="slide" href="settings-output.html">
                            <img src="/Content/assets/img/menu-icons/icon-motobike-loan-mobile.png" alt="Vay mua xe máy" class="ui-li-icon">Vay mua xe máy</a></li>

                    </ul>
                </li>
                <li data-role="collapsible" data-inset="false" data-theme="b" data-content-theme="c" data-iconpos="right">
                    <h4>Vay kinh doanh</h4>
                    <ul data-role="listview" data-inset="false" data-theme="c">
                        <li><a data-ajax="false" data-transition="slide" href="admin/index.html">
                            <img src="/Content/assets/img/menu-icons/icon-business-loan-mobile.png" alt="Cho vay ngắn hạn" class="ui-li-icon">Cho vay ngắn hạn</a></li>
                        <li><a data-ajax="false" data-transition="slide" href="settings-output.html">
                            <img src="/Content/assets/img/menu-icons/icon-capital-loan-mobile.png" alt="Tài trợ và cho vay vốn lưu động" class="ui-li-icon">Tài trợ và cho vay vốn lưu động</a></li>
                        <li><a data-ajax="false" data-transition="slide" href="admin/index.html">
                            <img src="/Content/assets/img/menu-icons/icon-finalcial-loan-mobile.png" alt="Cho thuê tài chính" class="ui-li-icon">Cho thuê tài chính</a></li>
                        <li><a data-ajax="false" data-transition="slide" href="settings-output.html">
                            <img src="/Content/assets/img/menu-icons/icon-long-term-loan-mobile.png" alt="Tài trợ cho vay vốn trung và dài hạn" class="ui-li-icon">Tài trợ cho vay vốn trung và dài hạn</a></li>

                    </ul>
                </li>
                <li data-role="collapsible" data-inset="false" data-theme="b" data-content-theme="c" data-iconpos="right">
                    <h4>Vay tiêu dùng</h4>
                    <ul data-role="listview" data-inset="false" data-theme="c">
                        <li><a data-ajax="false" data-transition="slide" href="/consumer-loan">
                            <img src="/Content/assets/img/menu-icons/icon-consumer-loan-mobile.png" alt="Vay tiêu dùng" class="ui-li-icon">Vay tiêu dùng</a></li>
                        <li><a data-ajax="false" data-transition="slide" href="settings-output.html">
                            <img src="/Content/assets/img/menu-icons/icon-education-loan-mobile.png" alt="Vay du học" class="ui-li-icon">Vay du học</a></li>
                        <li><a data-ajax="false" data-transition="slide" href="admin/index.html">
                            <img src="/Content/assets/img/menu-icons/icon-overdraft-loan-mobile.png" alt="Vay thấu chi" class="ui-li-icon">Vay thấu chi</a></li>
                        <li><a data-ajax="false" data-transition="slide" href="settings-output.html">
                            <img src="/Content/assets/img/menu-icons/icon-consumer-installment-loan-mobile.png" alt="Vay tiêu dùng trả góp" class="ui-li-icon">Vay tiêu dùng trả góp</a></li>
                        <li><a data-ajax="false" data-transition="slide" href="admin/index.html">
                            <img src="/Content/assets/img/menu-icons/icon-personal-business-loan-mobile.png" alt="Vay kinh doanh cá nhân" class="ui-li-icon">Vay kinh doanh cá nhân</a></li>
                        <li><a data-ajax="false" data-transition="slide" href="settings-output.html">
                            <img src="/Content/assets/img/menu-icons/icon-house-loan-mobile.png" alt="Vay thế chấp nhà" class="ui-li-icon">Vay thế chấp nhà</a></li>
                    </ul>
                </li>
                <li data-role="collapsible" data-inset="false" data-theme="b" data-content-theme="c" data-iconpos="right">
                    <h4>E-Banking</h4>
                    <ul data-role="listview" data-inset="false" data-theme="c">
                        <li><a data-ajax="false" data-transition="slide" href="/internet-banking">
                            <img src="/Content/assets/img/menu-icons/internet-banking.png" alt="Internet Banking" class="ui-li-icon">Internet Banking</a></li>
                        <li><a data-ajax="false" data-transition="slide" href="settings-output.html">
                            <img src="/Content/assets/img/menu-icons/mobile-banking.png" alt="Mobile Banking" class="ui-li-icon">Mobile Banking</a></li>

                    </ul>
                </li>
                    -->
                <li id="menu_creditcard" class="countable"><a data-ajax="false" data-transition="slide" data-count="3" href="/credit-card">
                    <img src="/Content/assets/img/menu-icons/icon-credit-card-mobile-white.png" alt="Thẻ tín dụng" class="ui-li-icon">Thẻ tín dụng<span class="ui-li-count hidden accent-color"></span></a></li>
                <li id="menu_termsaving" class="countable"><a data-ajax="false" data-transition="slide" data-count="2" href="/term-saving">
                    <img src="/Content/assets/img/menu-icons/icon-term-saving-mobile-white.png" alt="Tiết kiệm có kỳ hạn" class="ui-li-icon">Tiết kiệm có kỳ hạn<span class="ui-li-count hidden accent-color"></span></a></li>
                <li><a data-ajax="false" data-transition="slide" href="/consumer-loan">
                    <img src="/Content/assets/img/menu-icons/icon-consumer-loan-mobile-white.png" alt="Vay tiêu dùng" class="ui-li-icon">Vay tiêu dùng</a></li>
                <li><a data-ajax="false" data-transition="slide" href="/internet-banking">
                    <img src="/Content/assets/img/menu-icons/information.png" alt="Internet Banking" class="ui-li-icon">Internet Banking</a></li>
                <li id="menu_news" class="countable"><a data-ajax="false" data-transition="slide" data-count="3" href="http://knowledge.savemoney.vn/">
                    <img src="/Content/assets/img/menu-icons/news.png" alt="News" class="ui-li-icon">Kiến thức<span class="ui-li-count hidden accent-color"></span></a></li>
                <li id="menu_recipes" class="countable"><a data-ajax="false" data-transition="slide" data-count="2" href="#">
                    <img src="/Content/assets/img/menu-icons/star.png" alt="Recipes" class="ui-li-icon">Sản phẩm nổi bật<span class="ui-li-count hidden accent-color"></span></a></li>
                <li><a data-ajax="false" data-transition="slide" href="/faqs">
                    <img src="/Content/assets/img/menu-icons/information.png" alt="FAQs" class="ui-li-icon">FAQs</a></li>
            </ul>
            <div style="position: relative; top: 20px;">
                <h3>Socialize</h3>
                <a data-ajax="false" href="#">
                    <img src="/Content/assets/img/panel/skype.png" alt="Skype"></a>
                <a data-ajax="false" href="#">
                    <img src="/Content/assets/img/panel/twitter.png" alt="Twitter"></a>
                <a data-ajax="false" href="#">
                    <img src="/Content/assets/img/panel/vimeo.png" alt="Vimeo"></a>
                <a data-ajax="false" href="#">
                    <img src="/Content/assets/img/panel/facebook.png" alt="Facebook"></a>
                <a data-ajax="false" href="#">
                    <img src="/Content/assets/img/panel/google.png" alt="Google+"></a>
                <a data-ajax="false" href="#">
                    <img src="/Content/assets/img/panel/youtube.png" alt="YouTube"></a>
            </div>
        </div>
        <div data-role="panel" data-theme="b" data-position="right" data-display="push" id="right_panel">
            <div style="text-align: center;">
                <h4 style="margin-top: 0px;">Share this page on:</h4>
                <div class="panel-social-wrap">
                    <a data-ajax="false" title="Share link on Facebook" target="_blank" href="#" rel="nofollow">
                        <div class="panel-social panel-social-twitter accent-color">
                            <img src="/Content/assets/img/facebook.png" alt="Facebook">
                        </div>
                    </a>
                    <div class="panel-social-counter">0</div>
                </div>
                <div class="panel-social-wrap">
                    <a data-ajax="false" title="Share link on Twitter" target="_blank" href="#">
                        <div class="panel-social panel-social-facebook accent-color">
                            <img src="/Content/assets/img/twitter.png" alt="Twitter">
                        </div>
                    </a>
                    <div class="panel-social-counter">0</div>
                </div>
                <div class="panel-social-wrap">
                    <a data-ajax="false" title="Share link on Google+" target="_blank" href="#" rel="nofollow">
                        <div class="panel-social panel-social-google accent-color">
                            <img src="/Content/assets/img/google.png" alt="Google+">
                        </div>
                    </a>
                    <div class="panel-social-counter">0</div>
                </div>
                <!-- <div class="panel-social-wrap">
			<a data-ajax="false" title="Share link on Pinterest" target="_blank" href="#" rel="nofollow">
				<div class="panel-social panel-social-pinterest accent-color">
					<img src="/lemonado/assets/img/pinterest.png" alt="Pinterest">
				</div>
			</a>
			<div class="panel-social-counter"></div>
		</div> -->
            </div>
        </div>
        <div id="header" data-role="header" data-position="fixed" data-theme="c">
            <div class="header_wrapper">
                <a data-ajax="false" style="border-left: none;" class="header_button" href="#left_panel" data-inline="true" data-role="button" data-corners="false" data-theme="c">
                    <img class="header-btn-image" style="width: 100%; height: 100%;" src="/Content/assets/img/menu.png" alt="Menu">
                    <span class="menu-btn-background"></span>
                    <span class="counter-header hidden accent-color" style="color: #ffffff;"></span>
                </a>
                <span class="page_title">@ViewBag.Title</span>

                <a data-ajax="false" style="float: right;" class="header_button" href="#right_panel" data-inline="true" data-role="button" data-corners="false" data-theme="c">
                    <img style="width: 100%; height: 100%;" src="/Content/assets/img/share.png" alt="Share">
                    <span class="btn-background share-btn-background"></span>
                </a>
                <div style="clear: both"></div>
            </div>
        </div>
        <!-- /header -->
        <div id="homepage_content" data-role="content">
            @RenderBody()

                        <div style="clear: both;"></div>
                            <hr style="background: #bebebe;">
                            <div>
                                <h6 class="footer-text">Copyright 2013. All rights reserved</h6>
                            </div>
                        </div>

                    <!-- /page -->
        </div>
</body>
</html>
